<!DOCTYPE HTML>
<html>
<head>

    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/static/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="/static/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/static/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>商品管理</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 商品管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
    <div class="text-c">
	 <span class="select-box inline">
		<select name="" class="select">
			<option value="">全部分类</option>

                <option value=""></option>>

		</select>
		</span>

        <input type="text" name="" id=""  placeholder=" 商品名称" style="width:250px" class="input-text">
        <button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜商品</button>
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20">
         <span class="l">
             <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
             <a href="javascript:;" onclick="save()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加商品</a>

        </span>
        <span class="r">共有数据：<strong>{$count}</strong> 条
        </span>
    </div>
    <div class="mt-20">
        <table class="table table-border table-bordered table-hover table-bg table-sort">
            <thead>
            <tr class="text-c">
                <th width="25"><input type="checkbox" name="" value=""></th>
                <th width="40">商品编号</th>
                <th width="100">商品图片</th>
                <th width="80">商品名称</th>
                <th width="80">商品货号</th>
                <th width="80">商品介绍</th>
                <th width="60">商品价格</th>
                <th width="90">商品库存</th>
                <th width="90">添加时间</th>
                <th width="60">发布状态</th>
                <th width="100">操作</th>

            </tr>
            </thead>
            <tbody id="content">
            {foreach name="data" item="vo" }
                <tr class="text-c">
                    <td><input type="checkbox" value="{$vo.id}" name="" class="ids"></td>
                    <td>{$vo.id}</td>
                    <td>
                        <a href="javascript:;"><img height="60" class="picture-thumb" src="{$vo.image}"></a>
                    </td>
                    <td>{$vo.name}</td>
                    <td>{$vo.hid}</td>
                    <td>{$vo.details}</td>
                    <td>{$vo.price}元</td>
                    <td>{$vo.stock}箱</td>
                    <td>{$vo.addTime}</td>
                    <td class="td-status">
                        <span class="label label-{if condition="($vo.status == 4)"}defaunt{else /}success{/if} radius">{if condition="($vo.status == 1)"} 待审核{elseif condition="($vo.status == 2)"/} 已审核{elseif condition="($vo.status == 3)"/} 出售中{else /} 已下架</span>{/if}
                    </td>
                    <td class="f-14 td-manage">
                        <a style="text-decoration:none" onclick="status({$vo.id},{$vo.status})" href="javascript:;" title="{if condition="($vo.status == 1)"}审核{elseif condition="($vo.status == 2)"/}发布{elseif condition="($vo.status == 3)"/} 下架{else /} 发布</span>{/if}">{if condition="($vo.status == 1)"}审核{elseif condition="($vo.status == 2)"/}发布{elseif condition="($vo.status == 3)"/} 下架{else /} 发布</span>{/if}</a>
                        <a title="商品编辑" href="javascript:;" onclick="commodity_change('商品编辑','{:url('admin/Commodity/edit')}?id={$vo.id}','','650')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                        <a title="删除" href="javascript:;" onclick="admin_permission_del([this],'{$vo.id}')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
                    </td>
                </tr>
            {/foreach}

            </tbody>
        </table>
        <div id="page" style="float: right;"></div>
    </div>
</div>


<!-- 模态框（Modal）添加修改用户 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <h4 class="modal-title">添加商品</h4>
            </div>
            <form action="{:url('admin/Commodity/save')}" method="post" class="form form-horizontal" enctype="multipart/form-data" id="form-user-add">
                <div class="modal-body">
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品名称：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" value="" placeholder="" id="nickname" name="name">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>栏目：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <span class="select-box">
                                <select class="select valid" size="1" name="cid" id="column">
                                    <option value="0">请选择商品栏目</option>
                                </select>
                            </span>
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品货号：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" value="" placeholder="" id="nickname" name="hid">
                        </div>
                    </div>

                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品价格：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" value="" placeholder="" id="number" name="price">
                        </div>
                    </div>
                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>商品库存：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="text" class="input-text" value="" placeholder="" id="tel" name="stock">
                        </div>
                    </div>

                    <div class="row cl">
                        <label class="form-label col-xs-3 col-sm-3" style="text-align: right;"><span class="c-red">*</span>商品详情：</label>
                        <div class="formControls col-xs-9 col-sm-9">
                            <textarea name="details" cols="" rows="" class="textarea"></textarea>
                        </div>
                    </div>

                    <div class="row cl">
                        <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>图片添加：</label>
                        <div class="formControls col-xs-8 col-sm-9">
                            <input type="file" name="img[]" multiple="multiple">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-primary">提交</button>
                </div>
            </form>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- /.modal -->


<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->

<script type="text/javascript" src="/static/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/messages_zh.js"></script>

<script type="text/javascript">
    laypage({
        cont: 'page',//分页容器的id
        pages: {$pages}, //总页数
        curr:{$page}, //当前页
        jump:function(e,first){
            if(!first){
                location.href = '{:url("admin/Commodity/index")}?page='+e.curr;
            }
        }
    });
    function commodity_change(title,url,w,h){
        layer_show(title,url,w,h);

    }
    /*用户-添加*/
    function save(title){
        $.ajax({
            type: 'POST',
            url: "{:url('admin/Ccolumn/column')}",
            dataType: 'json',
            success: function (data) {
                console.log(data);
                $.each(data,function(p1,p2){
                    var str = '';
                    str += '<option value="'+ p2.id +'">'+ p2.title +'</option>';
                    $('#column').prepend(str);
                });
            }
        });
        $('#myModalLabel').html(title);
        $('#myModal1').modal({
            keyboard: true
        })
    }
    /*商品-删除*/
    function admin_permission_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.post("{:url('admin/Commodity/delete')}",{id:id},function (data) {
                if(data.status == 1){
                    obj.forEach(function (v, k){
                        $(v).parents("tr").remove();
                    });
                    layer.msg(data.msg,{icon:1,time:1000}, function () {
                        window.location.reload();
                    })
                }else{
                    layer.msg(data.msg,{icon:2,time:1000},function() {
                        window.location.reload();
                    })
                }
            });
        })
    }
    // 批量删除
    function datadel() {
        var ids = $(".ids:checked");
        var oid = '';
        var objs = [];
        ids.each(function (obj, v) {
            if($(v).val()){
                oid += $(v).val() + ',';
                objs.push(v);
            }
        });
        if(!oid){
            layer.msg('请选择要删除的角色!',{icon:2});
            return false;
        }
        admin_permission_del(objs,oid);
    }

    // 商品状态
    function status(id,status){
        if(status == 1){
            var str = '确认要通过审核吗?';
        }
        if(status == 2){
            var str = '确认要发布吗?';
        }
        if(status == 3){
            var str = '确认要下架吗?';
        }
        if(status == 4){
            var str = '确认要发布吗?';
        }
        layer.confirm(str,function(index){
            $.post('{:url("admin/Commodity/status")}',{id:id,status:status},function (data) {
                if(data.status > 0){
                    window.location.reload();
                }
            })
        })
    }
</script>
</body>
</html>